<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">

</head>

<body>
    <div class="header">
        <div class="center">
            <div class="container">

                <ul class="left">
                    <li>运动，就这么简单！</li>
                    <span>|</span>
                    <li>手机客户端下载</li>
                </ul>
                <ul class="right">
                    <li>我的订单</li>
                    <span>|</span>
                    <li>用户中心</li>
                    <span>|</span>
                    <li>关于我们</li>
                    <span>|</span>
                    <li>加入我们</li>

                </ul>

            </div>


        </div>

        <div class="logo">
            <div class="container">
                <img src="./imges/logo.gif" alt="">
                <div class="search">
                    <label for="pet-select"></label>
                    <select name="" id="">
                        <option value="">羽毛球</option>
                    </select>
                    <input type="请输入场馆名称">

                    <button>
                        搜索
                    </button>
                </div>

            </div>
        </div>

        <div class="nav">
            <div class="container">
                <div class="nav_left">
                    <ul>
                        <li>
                            场馆预定
                        </li>
                        <li>
                            手机客户端
                        </li>
                        <li>
                            预定流程
                        </li>
                    </ul>

                </div>

                <div class="nav_right">

                    <img src="./imges/人.gif" alt="">

                    您好！请&nbsp;[登录]&nbsp;[注册]

                </div>
            </div>
        </div>

    </div>

    <div class="main">
        <div class="container">
            <div class="m_left">
                <div class="banner">
                    <div class="inner">
                        <ul>
                            <li>
                                <a href="">
                                    <img src="http://apps.source.qydw.net/upload/2021072311342773016900_1920_878_.png"
                                        alt="">
                                </a>
                            </li>
                        </ul>
                        <div class="point">
                            <ol>
                                <li class="active">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                            </ol>
                        </div>
                        <div class="arrow">
                            <div class="left">&lt;</div>
                            <div class="right">&gt;</div>
                        </div>
                    </div>


                </div>

                <div class="buzou">
                    <img src="./imges/步骤.gif" alt="">
                </div>

                <div class="item">
                    <div class="item1">

                        <ul>
                            <img src="./imges/win.gif" alt="">
                            <li class="first">项目</li>
                            <li class="aaa">羽毛球场</li>
                            <li>游泳馆</li>
                            <li>足球场</li>
                            <li>网球场</li>
                            <li>壁球</li>

                        </ul>

                    </div>

                    <div class="item2">


                        <ul>
                            <img src="./imges/区域.gif" alt="">
                            <li class="first">区域</li>
                            <li class="aaa">不限</li>
                            <li>天河区</li>
                            <li> 白云区</li>
                            <li>海珠区</li>
                            <li>荔湾区</li>
                            <li>越秀区</li>
                            <li>黄埔区</li>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <li>番禺区</li>
                            <li>花都区</li>
                            <li>增城区</li>
                            <li>从化区</li>
                            <li>萝岗区</li>
                            <li>南沙区</li>


                        </ul>

                    </div>

                    <div class="item3">
                        <div class="item3_left">
                            <img src="./imges/img-1.gif" alt="">

                        </div>
                        <div class="item3_middle">

                            <h1>广州体育馆</h1>
                            <br>
                            <h4>地址：白云区白云大道南783号广州新体育馆</h4><br>
                            <span>层高：</span>
                            <h4>15m以上</h4>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <span>地板：</span>
                            <h4>木地板</h4>


                        </div>

                        <div class="item3_right">
                            优惠价：<span>25</span>元<br>

                            <del>原价：35.00元</del>
                            <br>
                            <div class="yuding">
                                立即预定
                            </div>
                        </div>

                    </div>

                    <div class="item4">
                        <div class="item4_left">
                            <img src="./imges/img-2.gif" alt="">

                        </div>
                        <div class="item4_middle">

                            <h1>广州体育馆</h1>
                            <br>
                            <h4>地址：白云区白云大道南783号广州新体育馆</h4><br>
                            <span>层高：</span>
                            <h4>15m以上</h4>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <span>地板：</span>
                            <h4>木地板</h4>


                        </div>

                        <div class="item4_right">
                            优惠价：<span>25</span>元<br>

                            <del>原价：35.00元</del>
                            <br>
                            <div class="yuding">
                                立即预定
                            </div>
                        </div>

                    </div>
                    <div class="item4">
                        <div class="item4_left">
                            <img src="./imges/img-2.gif" alt="">

                        </div>
                        <div class="item4_middle">

                            <h1>广州体育馆</h1>
                            <br>
                            <h4>地址：白云区白云大道南783号广州新体育馆</h4><br>
                            <span>层高：</span>
                            <h4>15m以上</h4>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <span>地板：</span>
                            <h4>木地板</h4>


                        </div>

                        <div class="item4_right">
                            优惠价：<span>25</span>元<br>

                            <del>原价：35.00元</del>
                            <br>
                            <div class="yuding">
                                立即预定
                            </div>
                        </div>

                    </div>
                    <div class="item4">
                        <div class="item4_left">
                            <img src="./imges/img-2.gif" alt="">

                        </div>
                        <div class="item4_middle">

                            <h1>广州体育馆</h1>
                            <br>
                            <h4>地址：白云区白云大道南783号广州新体育馆</h4><br>
                            <span>层高：</span>
                            <h4>15m以上</h4>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <span>地板：</span>
                            <h4>木地板</h4>


                        </div>

                        <div class="item4_right">
                            优惠价：<span>25</span>元<br>

                            <del>原价：35.00元</del>
                            <br>
                            <div class="yuding">
                                立即预定
                            </div>
                        </div>

                    </div>
                    <div class="item4 wu">
                        <div class="item4_left">
                            <img src="./imges/img-2.gif" alt="">

                        </div>
                        <div class="item4_middle">

                            <h1>广州体育馆</h1>
                            <br>
                            <h4>地址：白云区白云大道南783号广州新体育馆</h4><br>
                            <span>层高：</span>
                            <h4>15m以上</h4>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <span>地板：</span>
                            <h4>木地板</h4>


                        </div>

                        <div class="item4_right">
                            优惠价：<span>25</span>元<br>

                            <del>原价：35.00元</del>
                            <br>
                            <div class="yuding">
                                立即预定
                            </div>
                        </div>

                    </div>





                </div>

                <div class="page">
                    <ul>
                        <li class="first">&emsp;&lt;&lt;上一页&emsp;</li>
                        <li class="active">1</li>
                        <li class="ac">2</li>
                        <li class="ac">3</li>
                        <li class="ac">4</li>
                        <li class="ac">5</li>
                        <li classs="last">&emsp;下一页&gt;&gt;&emsp;</li>
                    </ul>
                </div>

            </div>


            <div class="m_right">
                <div class="box-right">
                    <div class="list">
                        <span class="s1">客户端</span>
                        <span
                            class="s2">&nbsp;&nbsp;微信&nbsp;&emsp;&emsp;&emsp;&emsp;微博&emsp;&emsp;&nbsp;&thinsp;&thinsp;</span>
                    </div>
                    <div class="message">
                        <img class="img1" src="./imges/二维码.gif">
                        <span class="s3">趣运动客户端</span>
                        <span class="s4">可扫描二维码下载</span>
                        <img class="img2" src="./imges/安卓苹果.gif">
                    </div>
                </div>

                <div class="box-below-r">
                    <span class="h3">推荐场馆</span>
                    <div class="middle">
                        <img src="./imges/推荐场馆.gif" alt="">
                        <div class="wenzi">
                            <p style="font-size: 12px; color: red;">趣运动·名狮羽毛球馆</p>
                            <p>&emsp;</p>
                            <p style="font-size: 12px; color: #727272;">价格：￥30.00</p>
                        </div>
                    </div>
                    <p class="bott first">
                        趣运动·新翼羽毛球馆&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&nbsp;<span>天河区</span></p>
                    <p class="bott">
                        天河区科新羽毛球馆&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&nbsp;&nbsp;<span>天河区</span></p>
                    <p class="bott">
                        荔湾区君雄羽毛球馆&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&nbsp;&nbsp;<span>荔湾区</span></p>
                    <p class="bott">海珠区广州创傲（纺织）体育运动场&ensp;&nbsp;&nbsp;<span>海珠区</span></p>
                    <p class="bott">
                        白云区乐乐羽毛球馆&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&nbsp;&nbsp;<span>白云区</span></p>
                </div>
                <div class="ad">
                    <img src="./imges/员宫杯.gif" alt="">
                </div>


            </div>
        </div>
    </div>

    <div class="foot">
        <div class="container">
            <div class="we">
                <ul>
                    <li>关于我们</li>
                    <li>加入我们</li>
                    <li>联系我们</li>
                </ul>
            </div>
            <div class="we1">
                <ul>
                    <li>帮助中心</li>
                    <li>预定流程</li>

                </ul>
            </div>
            <div class="we2">
                <ul>
                    <li>商家后台</li>


                </ul>
            </div>
            <div class="we3">
                <ul>
                    <li>
                        <img src="./imges/二维码2.gif" alt="">
                    </li>
                    <div class="t1">趣运动客户端</div>
                    <div class="t2">可扫描二维码下载</div>
                    <img class="ig" src="./imges/安卓苹果2.gif">


                </ul>
            </div>
            <div class="we4">
                <ul>
                    <li class="t3">
                        <img src="./imges/dianhua.gif" alt="">
                        4000-410-480
                    </li>
                    <li class="t4">
                        <img src="./imges/时钟.gif" alt="">
                        10:00-21:00
                    </li>
                    <li class="t5">周一至周六</li>


                </ul>
                <div class="wei">
                    <ul>
                        <li class="t6">粤ICP备14021879号-2&nbsp;&copy;&nbsp;2014&nbsp;趣运动&nbsp;使用本网站即表示接受趣运动用户协议。</li>
                        <li class="t7"><img src="./imges/可信网站.gif" alt=""></li>
                        <li class="t8">
                            <img src="./imges/支付宝.gif" alt="">
                        </li>
                        <li class="t9">
                            <img src="./imges/徽章.gif" alt="">
                        </li>
                    </ul>
                </div>
            </div>


        </div>

    </div>

</body>

</html>